Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / map / internal / MapDrawingToolbar.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"absolute top-2 left-1/2 -translate-x-1/2 z-20 flex flex-col gap-2 transform-gpu w-max max-w-[98vw] sm:top-2"

Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"bg-white dark:bg-zinc-900 rounded-2xl shadow-2xl overflow-hidden flex flex-row p-0.5 sm:p-1 gap-0 sm:gap-0.5 border-0"

Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3tool Tff7b72in Te6edf3toolsTa5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3typeTa5d6ff"

Tb4b4b4:Te6edf3refTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'Export' Tff7b72? Ta5d6ff'exportToolButton' Tff7b72: Tff7b72nullTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"p-1.5 sm:p-2 rounded-xl transition-all hover:scale-110 active:scale-90"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4[

Tb4b4b4(Te6edf3drawType Tff7b72=== Te6edf3toolTb4b4b4.Te6edf3type Tff7b72&& Tff7b72!Te6edf3measuring Tff7b72&& Tff7b72!Te6edf3bearingModeTb4b4b4) Tff7b72|| Tb4b4b4(Te6edf3toolTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'Export' Tff7b72&& Te6edf3exportModeTb4b4b4)

Tff7b72? Ta5d6ff'bg-blue-500 text-white shadow-lg shadow-blue-500/30'

Tff7b72: Ta5d6ff'hover:bg-gray-100 dark:hover:bg-zinc-800 text-gray-600 dark:text-gray-300'Tb4b4b4,

Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'Export' Tff7b72? Ta5d6ff'MBTiles exporter' Tff7b72: Te6edf3$tTb4b4b4(Ta5d6ff`Ta5d6ffmap.tool_Tffd700${Te6edf3toolTb4b4b4.Te6edf3typeTb4b4b4.Te6edf3toLowerCaseTb4b4b4(Tb4b4b4)Tffd700}Ta5d6ff`Tb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3onToolClickTb4b4b4(Te6edf3toolTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Tb4b4b4:Te6edf3iconTff7b72=Ta5d6ff"Ta5d6ff'mdi-' Tff7b72+ Te6edf3toolTb4b4b4.Te6edf3iconTa5d6ff" Te6edf3sizeTff7b72=Ta5d6ff"18" Te6edf3classTff7b72=Ta5d6ff"sm:size-5!"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"w-px h-6 bg-gray-200 dark:bg-zinc-800 my-auto mx-0.5 sm:mx-1"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3classTff7b72=Ta5d6ff"p-1.5 sm:p-2 rounded-xl transition-all hover:scale-110 active:scale-90"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4[

Te6edf3measuring Tff7b72&& Tff7b72!Te6edf3bearingMode

Tff7b72? Ta5d6ff'bg-indigo-500 text-white shadow-lg shadow-indigo-500/30'

Tff7b72: Ta5d6ff'hover:bg-gray-100 dark:hover:bg-zinc-800 text-gray-600 dark:text-gray-300'Tb4b4b4,

Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'map.tool_measure'Tb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'toggle-measure'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Te6edf3iconTff7b72=Ta5d6ff"mdi-ruler" Te6edf3sizeTff7b72=Ta5d6ff"18" Te6edf3classTff7b72=Ta5d6ff"sm:size-5!"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3classTff7b72=Ta5d6ff"p-1.5 sm:p-2 rounded-xl transition-all hover:scale-110 active:scale-90"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4[

Te6edf3bearingMode

Tff7b72? Ta5d6ff'bg-teal-600 text-white shadow-lg shadow-teal-600/30'

Tff7b72: Ta5d6ff'hover:bg-gray-100 dark:hover:bg-zinc-800 text-gray-600 dark:text-gray-300'Tb4b4b4,

Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'map.tool_bearing'Tb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'toggle-bearing'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Te6edf3iconTff7b72=Ta5d6ff"mdi-compass-outline" Te6edf3sizeTff7b72=Ta5d6ff"18" Te6edf3classTff7b72=Ta5d6ff"sm:size-5!"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3classTff7b72=Ta5d6ff"p-1.5 sm:p-2 rounded-xl transition-all hover:scale-110 active:scale-90"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4[

Te6edf3bearingMode Tff7b72&& Te6edf3bearingFromGps

Tff7b72? Ta5d6ff'bg-teal-600 text-white shadow-lg shadow-teal-600/30'

Tff7b72: Ta5d6ff'hover:bg-gray-100 dark:hover:bg-zinc-800 text-gray-600 dark:text-gray-300'Tb4b4b4,

Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'map.tool_bearing_from_here'Tb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'bearing-from-here'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Te6edf3iconTff7b72=Ta5d6ff"mdi-navigation-variant" Te6edf3sizeTff7b72=Ta5d6ff"18" Te6edf3classTff7b72=Ta5d6ff"sm:size-5!"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3classTff7b72=Ta5d6ff"p-1.5 sm:p-2 rounded-xl hover:bg-red-50 dark:hover:bg-red-900/20 text-red-500 transition-all hover:scale-110 active:scale-90"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'map.tool_clear'Tb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'clear'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Te6edf3iconTff7b72=Ta5d6ff"mdi-trash-can-outline" Te6edf3sizeTff7b72=Ta5d6ff"18" Te6edf3classTff7b72=Ta5d6ff"sm:size-5!"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3selectedFeatureTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"p-1.5 sm:p-2 rounded-xl bg-blue-100 dark:bg-blue-900/30 text-blue-600 transition-all hover:scale-110 active:scale-90"

Te6edf3titleTff7b72=Ta5d6ff"Edit note"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'edit-note'Tb4b4b4, Te6edf3selectedFeatureTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Te6edf3iconTff7b72=Ta5d6ff"mdi-note-edit-outline" Te6edf3sizeTff7b72=Ta5d6ff"18" Te6edf3classTff7b72=Ta5d6ff"sm:size-5!"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3selectedFeature Tff7b72&& Tff7b72!Te6edf3selectedFeatureTb4b4b4.Te6edf3getTb4b4b4(Ta5d6ff'telemetry'Tb4b4b4)Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"p-1.5 sm:p-2 rounded-xl bg-red-100 dark:bg-red-900/30 text-red-600 transition-all hover:scale-110 active:scale-90 animate-pulse"

Te6edf3titleTff7b72=Ta5d6ff"Delete selected item"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'delete-feature'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Te6edf3iconTff7b72=Ta5d6ff"mdi-selection-remove" Te6edf3sizeTff7b72=Ta5d6ff"18" Te6edf3classTff7b72=Ta5d6ff"sm:size-5!"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"w-px h-6 bg-gray-200 dark:bg-zinc-800 my-auto mx-0.5 sm:mx-1"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3classTff7b72=Ta5d6ff"p-1.5 sm:p-2 rounded-xl hover:bg-gray-100 dark:hover:bg-zinc-800 text-gray-600 dark:text-gray-400 transition-all hover:scale-110 active:scale-90"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'map.save_drawing'Tb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'save'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Te6edf3iconTff7b72=Ta5d6ff"mdi-content-save-outline" Te6edf3sizeTff7b72=Ta5d6ff"18" Te6edf3classTff7b72=Ta5d6ff"sm:size-5!"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3classTff7b72=Ta5d6ff"p-1.5 sm:p-2 rounded-xl hover:bg-gray-100 dark:hover:bg-zinc-800 text-gray-600 dark:text-gray-400 transition-all hover:scale-110 active:scale-90"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'map.load_drawing'Tb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'load'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Te6edf3iconTff7b72=Ta5d6ff"mdi-folder-open-outline" Te6edf3sizeTff7b72=Ta5d6ff"18" Te6edf3classTff7b72=Ta5d6ff"sm:size-5!"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"w-px h-6 bg-gray-200 dark:bg-zinc-800 my-auto mx-0.5 sm:mx-1"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3classTff7b72=Ta5d6ff"p-1.5 sm:p-2 rounded-xl hover:bg-blue-50 dark:hover:bg-blue-900/20 text-blue-500 transition-all hover:scale-110 active:scale-90"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'map.go_to_my_location'Tb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'locate'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Te6edf3iconTff7b72=Ta5d6ff"mdi-crosshairs-gps" Te6edf3sizeTff7b72=Ta5d6ff"18" Te6edf3classTff7b72=Ta5d6ff"sm:size-5!"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3classTff7b72=Ta5d6ff"p-1.5 sm:p-2 rounded-xl hover:bg-emerald-50 dark:hover:bg-emerald-900/20 text-emerald-600 dark:text-emerald-400 transition-all hover:scale-110 active:scale-90"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'map.share_view'Tb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'share-view'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Te6edf3iconTff7b72=Ta5d6ff"mdi-share-variant" Te6edf3sizeTff7b72=Ta5d6ff"18" Te6edf3classTff7b72=Ta5d6ff"sm:size-5!"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3classTff7b72=Ta5d6ff"p-1.5 sm:p-2 rounded-xl hover:bg-amber-50 dark:hover:bg-amber-900/20 text-amber-600 dark:text-amber-400 transition-all hover:scale-110 active:scale-90"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'map.ping_here_toolbar'Tb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'ping-here'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Te6edf3iconTff7b72=Ta5d6ff"mdi-send" Te6edf3sizeTff7b72=Ta5d6ff"18" Te6edf3classTff7b72=Ta5d6ff"sm:size-5!"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"MapDrawingToolbar"Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3toolsTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657ArrayTb4b4b4, Te6edf3requiredTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4,

Te6edf3drawTypeTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Tff7b72null Tb4b4b4}Tb4b4b4,

Te6edf3measuringTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4, Tff7b72defaultTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4,

Te6edf3bearingModeTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4, Tff7b72defaultTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4,

Te6edf3bearingFromGpsTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4, Tff7b72defaultTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4,

Te6edf3exportModeTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4, Tff7b72defaultTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4,

Te6edf3selectedFeatureTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4, Tff7b72defaultTff7b72: Tff7b72null Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[

Ta5d6ff"toggle-draw"Tb4b4b4,

Ta5d6ff"toggle-export"Tb4b4b4,

Ta5d6ff"toggle-measure"Tb4b4b4,

Ta5d6ff"toggle-bearing"Tb4b4b4,

Ta5d6ff"bearing-from-here"Tb4b4b4,

Ta5d6ff"clear"Tb4b4b4,

Ta5d6ff"edit-note"Tb4b4b4,

Ta5d6ff"delete-feature"Tb4b4b4,

Ta5d6ff"save"Tb4b4b4,

Ta5d6ff"load"Tb4b4b4,

Ta5d6ff"locate"Tb4b4b4,

Ta5d6ff"share-view"Tb4b4b4,

Ta5d6ff"ping-here"Tb4b4b4,

Tb4b4b4]Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Te6edf3onToolClickTb4b4b4(Te6edf3toolTb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3toolTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff"Export"Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"toggle-export"Tb4b4b4)Tb4b4b4;

Tb4b4b4} Tff7b72else Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"toggle-draw"Tb4b4b4, Te6edf3toolTb4b4b4.Te6edf3typeTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>